.floating_sidebar_left
{
    position: fixed;
    display: flex;
    flex-direction: row;
    top: 122px;
    left: 0px;
    transition: left 0.5s;
    width: 16vw;
}

.floating_sidebar_right
{
    position: fixed;
    display: flex;
    flex-direction: row;
    top: 122px;
    right: 0px;
    transition: right 0.5s;
    width: 16vw;
}

.searchbar_height
{
    height: 44px;
    min-width: 0;
}

.searchbar_width
{
    width: 100%;
}

.table_base.filter_table
{
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    row-gap: 10px;
}

.sidebar_button
{
    background-color: #ffc629;
    border: none;
    cursor: pointer;
    padding: 5px;
    height: 60px;
    width: 60px;
    transition: background-color 0.25s;
}

.sidebar_button:hover
{
    background-color: #ffdc7b;
}

.search_button_size
{
    height: 50px;
    width: 50px;
}

.course_selector
{
    height: 60px;
    width: 100%;
    border-radius: 0px;
    border-style: solid;
    border-width: 4px;
    border-color: rgb(190, 190, 190);
    background-color: white;
    margin-bottom: 20px;
}

.checkbox_img
{
    height: 40%;
    aspect-ratio: 1/1;
    margin: 5px;
}

.checkbox_img.hidden
{
    display: none;
}

.excel_img
{
    height: 60%;
    aspect-ratio: 1/1;
    margin: 5px;
}

.white_background_box
{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: white;
}

#selected_semester {
	text-align: center;
}

.search_links {
	overflow: auto;
	height: 400px; 
	width: inherit;
	border: 1px solid gray;
}
.search_links a {
	padding: 2px;
	display: block;
	text-decoration: none;
	font-size: .8rem;
}
.search_links a:link {
	color: blue;
}
.search_links a:visited {
	color: blue;
}
.search_links a:hover {
	color: red;
}
.search_links a:active {
	color: green;
}

.sidebar_left
{
    position: absolute;
    display: flex;
    flex-direction: row;
    top: 122px;
    left: 0px;
    transition: left 0.5s;
    width: 16vw;
}

.sidebar_left_large
{
    position: absolute;
    display: flex;
    flex-direction: row;
    top: 122px;
    left: 0px;
    transition: left 0.5s;
    
    width: 18vw;
}

.oef_filter_buttons {
	border: 1px solid white;
	font-size: 1rem;
}
.oef_filter_buttons:hover {
	opacity: 0.9;
	font-weight: bold;
	font-size: 1.4rem;
}

#filter_by_degree {
	display: flex;
}
#semester_selector optgroup{
	background-color: yellow;
}
#semester_selector option {
	background-color: lightgray;
	color: gray;
}
